<!DOCTYPE html>
<html lang="en" style="font-size: 100px">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" href="/static/vue3/runtime/playground/favicon.png" type="image/png">
  <title>Vue3 Playground</title>
  <style>
    html,body {margin: 0; padding: 0}

    .magic-ui-page {
      overflow: hidden;
    }

    ::-webkit-scrollbar {
      width: 0;
    }

    html,
    body,
    #app {
      width: 100%;
      height: 100%;
    }

    #app {
      position: relative;
      overflow: auto;
    }

    .magic-ui-container {
      background-color: rgba(136, 136, 136, 0.5);
    }

    .action-area {
      background-color: rgba(51, 153, 255, 0.5) !important;
    }
  </style>
  <script type="module" crossorigin src="/static/vue3/runtime/playground/assets/index.6b44beaf.js"></script>
  <script type="module">try{import.meta.url;import("_").catch(()=>1);}catch(e){}window.__vite_is_modern_browser=true;</script>
  <script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy build because dynamic import or import.meta.url is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>
</head>
<body style="font-size: 14px">
  
  <div id="app"></div>

  <script src="https://unpkg.com/vue@next/dist/vue.global.js"></script>

  
  <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
  <script nomodule crossorigin id="vite-legacy-polyfill" src="/static/vue3/runtime/playground/assets/polyfills-legacy.c34c258a.js"></script>
  <script nomodule crossorigin id="vite-legacy-entry" data-src="/static/vue3/runtime/playground/assets/index-legacy.a7d99324.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
</body>
</html>